<div class="image-list">
    <div class="image-item" *ngFor="let item of data; let no = index;">
        <img (click)="open(no);" [src]="item" [style.height]="thumbnailHeight ? thumbnailHeight : '50px'" />
    </div>
</div>
<nz-modal [(nzVisible)]="isVisible" (nzOnCancel)="close()" [nzMaskClosable]="false" nzWidth="80%" nzTitle="图片预览"
    [nzFooter]="null" [nzStyle]="{ top: '50px' }">
    <div class="image-content" [style.height]="divHeight">
        <img *ngIf="index > -1" src="{{data[index]}}" />
        <div *ngIf="index > 0" class="image-previous" (click)="previous()">
            <div></div>
        </div>
        <div *ngIf="index < data.length - 1" class="image-next" (click)="next()">
            <div></div>
        </div>
    </div>
</nz-modal>